//定义Article组件
var Article = React.createClass({
    //定义批量渲染内容
    createList:function () {
        return this.props.data.map(function (obj, index) {
            //定义id的目的就是当点击右边区域，更新滚动条位置
            return(
                <li id={obj.id} key={index}>
                    <h3>{obj.title}</h3>
                    <p>{obj.content}</p>
                </li>
            )
        })
    },
    render:function () {
        return(
            <div className="article">
                <ul>
                    {this.createList()}
                </ul>
            </div>
        )
    }
});
module.exports = Article;